import React from 'react';
import { Conversations } from '@ant-design/x';
import { GithubOutlined, AlipayCircleOutlined } from '@ant-design/icons';

const ConversationList = () => {
  return (
    <Conversations
      style={{ width: 200, height: '100%' }} // 设置高度为 100%
      defaultActiveKey="1"
      items={[
        {
          key: '1',
          label: '对话 - 1',
          icon: <GithubOutlined />,
        },
        {
          key: '2',
          label: '对话 - 2',
          icon: <AlipayCircleOutlined />,
        },
      ]}
    />
  );
};

export default ConversationList;